﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxToolkitDemo._Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    .titlebar
    {
    	background-color:Blue;
    	color:Red ;
    	 font-size:large ;
    	 border :solid 2px green;
    	 width:200px;
    }
    .titlebar_selected
    {
    	background-color:Highlight;
    	color:HighlightText ;
    	 font-size:large ;
    	 border :solid 2px green;   
    	 width:200px; 	
    }
    .memu_content
    {    	
    	/*background-color:Fuchsia;*/
    	color:Blue ;
    	 font-size:medium ;
    	 border :solid 1px green;
    	 width:200px;
    }
    .menu
    {
    	 border :solid 1px green;    	
    	 width:200px;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <cc:Accordion ID="Accordion1" runat="server" HeaderCssClass="titlebar"
         HeaderSelectedCssClass="titlebar_selected"  CssClass="memu" ContentCssClass="memu_content">
            <Panes>
                <cc:AccordionPane runat="server">
                    <Header>Ajax</Header>
                    <Content> 
                    <ul>
                    <li>
                    <a href="AlwaysVisibleControlExt.aspx"  >AlwaysVisibleControlExt</a></li>
                    <li><a href="AutoComplete.aspx"  >AutoComplete</a></li>
                    </ul>
                    </Content>
                </cc:AccordionPane>
                <cc:AccordionPane ID="AccordionPane1" runat="server">
                    <Header>Ajax2</Header>
                    <Content> 
                    <ul>
                    <li>
                    <a href="Confirm_Modal.aspx"  >Confirm_Modal</a></li>
                    <li><a href="DropDownExt.aspx"  >DropDownExt</a></li>
                    </ul>
                    </Content>
                </cc:AccordionPane>
            </Panes>
        </cc:Accordion>
    </div>
    </form>
</body>
</html>
